<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我的angularJS单页面项目</title>
    <script data-main="js/main.js" src="js/lib/require.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/main.css"/>
</head>
<body>
<div class="all" ng-controller="indexCtl">
    <div class="header">
        <nav class="navbar navbar-default navbar-inverse">
            <div class="container">
                <!--头部定义-->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"></a>
                </div>
                <!--内容开始-->
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <!--导航-->
                    <ul class="nav navbar-nav">
                        <li><a href ui-sref="home" class="logo"></a></li>
                        <li ui-sref-active="active"><a href ui-sref="home">我的管理页面</a></li>
                        <li ui-sref-active="active"><a href ui-sref="about">关于我</a></li>
                    </ul>
                    <!--右侧文字-->
                    <p class="navbar-right navbar-text">前端爱好者v1.0</p>
                </div>
            </div>
        </nav>

    </div>
    <div class="main">
        <div class="container">
            <div ui-view></div>
        </div>
    </div>
    <div class="footer navbar-fixed-bottom">
        <div class="container">
            <div class="media">
                <div class="pull-right">
                    不得转载，违版必究!
                </div>
                <div class="media-body">
                    <p>这里是angularJS的测试页面</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>